<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>我们要结婚啦！</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimum-scale=1">

    <!-- INCLUDE BOOTSTRAP CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">

    <!-- INCLUDE AUTHOR CSS -->
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">

    <!-- INCLUDE FLEXSLIDER CSS -->
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />

    <!-- INCLUDE animate CSS -->
    <link rel="stylesheet" href="css/animate.min.css">

    <!-- MEGAFOLIO PRO GALLERY CSS SETTINGS -->
    <link rel="stylesheet" type="text/css" href="megafolio/css/settings.css" media="screen" />

    <!-- THE FANYCYBOX CSS -->
    <link rel="stylesheet" href="megafolio/fancybox/jquery.fancybox.css?v=2.1.3" type="text/css" media="screen" />

    <link rel="stylesheet" href="css/share.min.css">

    <!-- INCLUDE GOOGLE FONTS -->
    <!-- <link href='http://fonts.useso.com/css?family=Droid+Sans:400,700|Cinzel:400,700|Great+Vibes' rel='stylesheet' type='text/css'>   -->      

    <!-- INCLUDE MODERNIZR -->
    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

</head>
<body class="index">
    <div class="bghide">&nbsp;</div>
    <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
    <![endif]-->

    <!-- =========================================================================================================
    ==============================================================================================================
                                                The Header Area With The Menu
    ==============================================================================================================
    ============================================================================================================== -->  
    <header class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <div class="names"> 陈秀梅 &#38; 李从辉</div><!-- /.names -->
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <nav class="navbar-collapse collapse">

                <!-- THE LEFT SIDE MENU -->
                <ul class="nav navbar-nav left-nav">
                    <li class="active">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">首页 <b class="caret"></b></a>
                        <ul class="dropdown-menu"> 
                            <li><a href="#thetop">首页</a></li>
                            <!-- <li class="divider"></li>
                            <li><a href="uielements.html">UI Elements</a></li>
                            <li class="divider"></li>
                            <li><a href="leftcolumn.html">Left Column Page</a></li>
                            <li class="divider"></li>
                            <li><a href="rightcolumn.html">Right Column Page</a></li> -->
                        </ul>
                        <!-- /.dropdown-menu -->
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">我们的婚礼 <b class="caret"></b></a>
                        <ul class="dropdown-menu">

                            <li><a href="#ourstory">我们的故事</a></li>
                            <li class="divider"></li>
                            <li><a href="#thebrideside">新娘小团队</a></li>
                            <li class="divider"></li>
                            <li><a href="#thegroomside">新郎小团队</a></li>
                            <li class="divider"></li>
                            <li><a href="#weddinglocation">婚礼地址</a></li>
                            
                        </ul><!-- /.dropdown-menu -->
                    </li>
                    <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">讨论<b class="caret"></b></a>
                        <ul class="dropdown-menu">

                            <li><a href="#blog1">讨论</a></li>
                            <!-- <li class="divider"></li> -->
                            <!-- <li><a href="#blog2">Blog Style 2</a></li> -->

                        </ul><!-- /.dropdown-menu -->
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="200">画廊 <b class="caret"></b></a>
                        <ul class="dropdown-menu">

                            <li><a href="#gallery1">我们的照片</a></li>
                            <li class="divider"></li>
                            <li><a href="#gallery2">我们的MV</a></li>
                            
                        </ul><!-- /.dropdown-menu -->
                    </li>
                </ul>

                <!-- THE WEDDING DATE -->
                 <a class="navbar-brand" href="#">2016/10/01</a>

                 <!-- THE RIGHT SIDE MENU -->
                <ul class="nav navbar-nav right-nav">
                    <li><a href="#registry">点赞</a></li>
                    <li><a href="#guestbook">访客</a></li>
                    <li><a href="#rsvp">邀请 RSVP</a></li>
                    <li><a href="#" data-toggle="modal" data-target="#myModal">联系我们</a></li>
                </ul><!-- /.navbar-nav -->

            </nav><!--/.navbar-collapse -->
            <div style="height:0px;overflow:hidden;"><audio src="http://www.baidu190.com/md5/CCF4A828E5DDAD81374F06460A736FCD.mp3" loop="loop" autoplay></audio></div>
            <a href="javascript:playPause();">
                <div class="icon_audio border_anim">
                    <span class="iconaudio1"><s class="icon_audio_anim"></s></span>
                    <span class="iconaudio2"><s class="icon_audio_anim"></s></span>
                    <span class="iconaudio3"><s class="icon_audio_anim"></s></span>
                </div>
            </a>
        </div><!-- /.container-->
    </header>


    <!-- =========================================================================================================
    ==============================================================================================================
                                                    The Slider Area
    ==============================================================================================================
    ============================================================================================================== -->


    <div class="jumbotron" id="thetop">

        <section class="slider">
            
            <div class="flexslider" id="slider1">

                <!-- THE ACTUAL PHOTO SLIDES -->
                <ul class="slides">
                    <li><img src="img/slider/photo2.jpg" alt="photo 1" /></li>
                    <li><img src="img/slider/photo3.jpg" alt="photo 2" /></li>
                    <li><img src="img/slider/photo1.jpg" alt="photo 3" /></li>
                    <li><img src="img/slider/photo4.jpg" alt="photo 4" /></li>
                </ul><!-- /.slides -->

            </div><!-- /.flexslider -->

            <!-- THE NAMES OF THE BRIDE AND GROOM -->
            <div class="names hide">
                <div class="container" style="font-size:70px;">
                    陈秀梅 <span><i>&#38;</i></span> 李从辉
                </div><!-- /.container -->
            </div><!-- /.names -->

        </section><!-- /.slider-->

    </div><!-- /.jumbotron -->

    
    <!-- =========================================================================================================
    ==============================================================================================================
                                        The First Area Under The Slider
    ==============================================================================================================
    ============================================================================================================== -->


    <section id="home">
        <div class="container">
            
            <div class="row">

                <!-- THE TITLE -->
                <div class="col-md-12">
                    <h2>&hearts;&hearts;&hearts;我们要结婚&hearts;&hearts;&hearts;</h2>
                </div><!-- /.col-md-12-->
                
                <!-- SMALL INTRODUCTORY TEXT -->
                <div class="col-md-12">
                    <p>&nbsp;&nbsp;首先跟大家介绍一下"我们的婚礼站点"，其实看到这个标题后大家心里也明白了多半，这是以我们小两口的婚礼为主题的小站，记录着点滴中的幸福及大家的祝福，在这里你可以和我们一起分享我们的爱情故事，过去的现在的以及未来的。带着这份喜悦，来吧，跟随着网页，我们会介绍我们俩如何认识以及计划如何一起进入婚姻殿堂，还有一些关于婚宴的地点以及婚礼举行的相关事宜，我们也将一                 起讨论婚宴的一些细节，希望大家多给点建议。下面我们开始吧。--李从辉&陈秀梅</p>
                    <p>
                        Welcome to the wedding website of Conghui Lee and Amy Chen. We’re so happy to share with you all there is to know about our happyness: how we meet, the proposal, the wedding location and the events calendar that will follow. Follow on to read about the story of our love! --By Conghui Lee & Amy Chen
                    </p>
                </div><!-- /.col-md-12-->
                
                <!-- READMORE BUTTON -->
                <div class="col-md-12">
                    <a href="#ourstory" class="btn btn-primary btn-lg">开始阅读</a>
                </div><!-- /.rows-->
            </div><!-- /.col-md-12-->
          
        </div> <!-- /container --> 
    </section><!-- /# home -->

    <!-- =========================================================================================================
    ==============================================================================================================
                                            "OUR STORY" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="ourstory">
        
        <!-- "OUR STORY" HEADER -->
        <div id="ourstoryphoto" class="parallax-hook parallax-ourstory parallax-background">
            
                <div class="section-overlay">
                    <div class="container">
                        <div class="row">
                            <header class="col-md-6 col-md-offset-3 hide">
                                我们的故事
                                <span>The Good Times We Had Together</span>
                            </header>
                        </div><!-- /.row -->
                    </div><!-- /.container -->
                </div><!-- /.section-overlay -->
            
        </div><!-- /#outstoryphoto -->


        <!-- "OUR STORY" ACTUAL CONTENT -->
        <div class="container">

            <!-- SECONDARY TITLE -->
            <h3 class="text-center intermediary-waypoint">陈秀梅 & 李从辉</h3>

            <!-- SECTION SMALL CONTENT -->
            <div class="row">
                <div class="col-md-12">
                    <p>&nbsp;&nbsp;那是一个夏天，天气还不错，
            天空中飘着几朵云，宛如洁白的比丘特正拉着弓弦。Mr lee和Miss Amy 相约在小南大的校园，初入夏的小南大校园满是鲜花，蝴蝶飞舞，漫天花香，那是他们相隔多年的第一次见面，彼此都难以忘怀。男生和女生行走在填满鹅卵石的小道上，说说笑笑，时不时地看看风景，洋溢着幸福。那一次见面他们约定了成为彼此的另一半，没有什么比这更加美好的事情了。</p>
                 </div><!-- /.col-md-12 -->
            </div><!-- /.row -->

            
            <div class="row couple-photos">

                <!-- THE BRIDE -->
                <div class="col-md-6 col-xs-6 bride">
                    <div class="round-frame-bg alignright hide">
                        <div class="round-frame">
                            <img src="img/thebride.jpg" alt="the bride">
                        </div><!-- /.round-frame -->
                    </div><!-- /.round-frame-bg alignright hide -->
                </div><!-- /.ccol-md-6 col-xs-6 bride-->

                <!-- THE GROOM -->
                <div class="col-md-6 col-xs-6 groom">
                    <div class="round-frame-bg alignleft hide">
                        <div class="round-frame">
                            <img src="img/thegroom.jpg" alt="the groom">
                        </div><!-- /.round-frame -->
                    </div><!-- /.round-frame-bg -->
                </div><!-- /.col-md-6 col-xs-6 groom -->

                <!-- LITTLE HEART GRAPHIC -->
                <img src="img/hearts.png" class="hearts hide" alt="love">

            </div><!-- /.couple-photos -->

            <div class="thetimeline">

                <!-- THE LINE THAT FORMS THE TIMELINE -->
                <div class="line">&nbsp;</div>

                <div class="theyear">

                    <!-- THE YEAR -->
                    <div class="year">2008</div>
                    <div class="post odd fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">九月<span>01</span></div>
                                    <h2>The Time We Meet</h2>
                                </header>

                                <p>地点在常熟理工大学，正值开学季，陆陆续续的学生们进入学校，我们同在一个学院，同在一个专业，同一个辅导员，甚至同一个上课教室。就这样我们认识了。</p>

                                <div class="clear">&nbsp;</div>
                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT-->
                        <div class="excerpt">
                            <div class="excerpt-content quote">
                                <span>&#8220;</span>The Beginning Is Always Fun and Games,The Time We meet, Then We Got To Know Each Other 
                            </div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->
                    </div><!-- /.post -->

                    
                </div><!-- /.theyear-->
                

                <!-- THE SECOND YEAR -->
                <div class="theyear">
                    <div class="year">2012</div>
                    <div class="post even fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">六月<span>29</span></div>
                                    <h2>Work Togeter In Shanghai</h2>
                                </header>

                                <p>毕业后还是在一起，我们去了上海，一个充满奇迹的城市</p>

                                <div class="clear">&nbsp;</div>

                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT -->
                        <div class="excerpt">
                            <div class="excerpt-content quote"><span>&#8220;</span>For Our Acquaintance,Knowing Each Other And Love</div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->

                    </div><!-- /.post -->
                </div><!-- /.theyear -->

                <!-- THE SECOND YEAR -->
                <div class="theyear">
                    <div class="year">2014</div>

                   <div class="post odd fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">四月<span>01</span></div>
                                    <h2>We Meet Again</h2>
                                </header>

                                <p>也许是命运的牵引，时隔两年，彼此又见面了。那时你在读研，我在上班，分居两地，心却紧密相连。爱是一种遇见，不能等待，也不能准备</p>

                                <div class="clear">&nbsp;</div>
                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT-->
                        <div class="excerpt">
                            <div class="excerpt-content quote">
                                <span>&#8220;</span>Love Is A Kind Of Chance Encounter, And One Can Neither Waiting Nor Preparing For It. 
                            </div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->
                    </div><!-- /.post -->

                    <div class="post even fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">五月<span>20</span></div>
                                    <h2>We Are In Touch Again</h2>
                                </header>

                                <p>彼此认定是对方的另一半，这种感觉真好。拥有你美丽的爱情，太阳就永远明媚。</p>

                                <div class="clear">&nbsp;</div>

                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT -->
                        <div class="excerpt">
                            <div class="excerpt-content quote"><span>&#8220;</span>With The Wonder Of Your Love, The Sun Above Always Shines.</div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->

                    </div><!-- /.post -->
                    
                    <div class="post odd fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">12月<span>25</span></div>
                                    <h2>Our First Kiss</h2>
                                </header>

                                <p>两颗相爱的心之间不需要言语。</p>

                                <div class="clear">&nbsp;</div>
                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->
                         <!-- POST EXCERPT - A GALLERY -->
                        <div class="excerpt">
                            <div class="excerpt-content gallery">
                                <h5>No Words Are Necessary Between Two Loving Hearts</h5>
                                <a href="img/bloggallery1/img-1.jpg" class="fancybox" rel="group" title="Swinging Chairs In The Sunset">
                                    <img src="img/bloggallery1/thumbnails/img-1-thumb.jpg" alt="a sunset">
                                </a>
                               <!--  <a href="img/bloggallery1/img-2.jpg" class="fancybox" rel="group" title="A little Cottage We Found">
                                    <img src="img/bloggallery1/thumbnails/img-2-thumb.jpg" alt="a little cottage">
                                </a>
                                <a href="img/bloggallery1/img-3.jpg" class="fancybox" rel="group" title="Seaside is So Relaxing!">
                                    <img src="img/bloggallery1/thumbnails/img-3-thumb.jpg" alt="seaside">
                                </a>
                                <a href="img/bloggallery1/img-4.jpg" class="fancybox" rel="group" title="Our Old Car">
                                    <img src="img/bloggallery1/thumbnails/img-4-thumb.jpg" alt="our old car">
                                </a> -->
                            </div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->
                    </div><!-- /.post -->
                </div><!-- /.theyear -->
                
                <!-- THE Third YEAR -->
                <div class="theyear">
                    <div class="year">2015</div>

                   <div class="post odd fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">四月<span>01</span></div>
                                    <h2>Our First Vacation</h2>
                                </header>

                                <p></p>


                                <div class="clear">&nbsp;</div>
                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT-->
                        <div class="excerpt">
                            <div class="excerpt-content quote">
                                <span>&#8220;</span>More Love Things
                            </div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->
                    </div><!-- /.post -->

                    <div class="post even fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">十月<span>01</span></div>
                                    <h2>Moving In Together</h2>
                                </header>

                                <p>2015年的时光里，我们基本都在一起，我们去过很多地方，一起玩一起哭，也一起笑。</p>

                                <!-- <a href="#" class="readmore">Read More</a> -->

                                <div class="clear">&nbsp;</div>

                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT -->
                        <div class="excerpt">
                            <div class="excerpt-content quote"><span>&#8220;</span>appiness is a journey, not a destination.<br/>幸福是一场旅程，不是终点。</div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->

                    </div><!-- /.post -->
                     <div class="post odd fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">八月<span>06</span></div>
                                    <h2>Work Together </h2>
                                </header>

                                <p>很久之前，我们就想一起看日出，一起出门，一起工作，一起吃饭，一起。。。做很多很多事情，现在实现了</p>

                                <!-- <a href="#" class="readmore">Read More</a> -->

                                <div class="clear">&nbsp;</div>
                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->
                         <!-- POST EXCERPT - A GALLERY -->
                        <div class="excerpt">
                            <div class="excerpt-content gallery">
                                <h5>life is the flower for which love is the honey.<br/>生命如花，爱情是蜜</h5>
                                <a href="img/bloggallery1/img-2.jpg" class="fancybox" rel="group" title="A little Cottage We Found">
                                    <img src="img/bloggallery1/thumbnails/img-2-thumb.jpg" alt="Swinging Chairs In The Sunset">
                                </a>
                            </div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->
                    </div><!-- /.post -->
                </div><!-- /.theyear -->

                <!-- THE Fourth YEAR -->
                <div class="theyear">
                    <div class="year">2016</div>

                    <div class="post even fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">1月<span>01</span></div>
                                    <h2>互见家长</h2>
                                </header>

                                <p>激动ing...忐忑ing...,But 开心ing...</p>

                                <!-- <a href="#" class="readmore">Read More</a> -->

                                <div class="clear">&nbsp;</div>

                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->

                        <!-- POST EXCERPT -->
                        <div class="excerpt">
                            <div class="excerpt-content quote"><span>&#8220;</span>But The Best Part Of Our Lifes Is Just Starting...</div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->

                    </div><!-- /.post -->

                    <div class="post odd fakeheight">

                        <!-- ACTUAL POST CONTENT -->
                        <div class="post-content hide">
                            <div class="post-box">

                                <header>
                                    <div class="date">1月<span>17</span></div>
                                    <h2>The Marriage Proposal</h2>
                                </header>

                                <p>农历2015年腊月初八，这是个激动的日子，我们订婚了...</p>

                                <a href="#" class="readmore">Read More</a>

                                <div class="clear">&nbsp;</div>
                            </div><!-- /.POST-BOX -->
                        </div><!-- /.post-content-->
                         <!-- POST EXCERPT - A GALLERY -->
                        <div class="excerpt">
                            <div class="excerpt-content gallery">
                                <h4>Photos From Our Marriage Proposal</h4>
                                
                                <a href="img/bloggallery1/img-3.jpg" class="fancybox" rel="group" title="Seaside is So Relaxing!">
                                    <img src="img/bloggallery1/thumbnails/img-3-thumb.jpg" alt="seaside" style="width: 120px;">
                                </a>
                                <a href="img/bloggallery1/img-4.jpg" class="fancybox" rel="group" title="Our Old Car">
                                    <img src="img/bloggallery1/thumbnails/img-4-thumb.jpg" alt="our old car" style="width: 120px;">
                                </a>
                                <a href="img/bloggallery1/img-5.jpg" class="fancybox" rel="group" title="Seaside is So Relaxing!">
                                    <img src="img/bloggallery1/thumbnails/img-5-thumb.jpg" alt="seaside" style="width: 120px;">
                                </a>
                                <a href="img/bloggallery1/img-6.jpg" class="fancybox" rel="group" title="Our Old Car">
                                    <img src="img/bloggallery1/thumbnails/img-6-thumb.jpg" alt="our old car" style="width: 120px;">
                                </a>
                            </div><!-- /.excerpt-content-->
                        </div><!-- /.excerpt -->
                    </div><!-- /.post -->
                </div><!-- /.theyear -->

                <!-- "TO BE CONTINUED" BUTTON -->
                <div class="theyear">
                    <div class="year">To Be Continued...</div>
                </div>
            </div><!-- /.timeline-->
          
        </div> <!-- /container --> 
    </section><!-- /# ourstory -->

    <!-- =========================================================================================================
    ==============================================================================================================
                                            "BRIDE'S PARTY" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="thebrideside">

        <!-- "THE BRIDE'S SIDE" HEADER -->
        <div id="thebridesidephoto" class="parallax-hook parallax-thebrideside parallax-background">
                
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            新娘团
                            <span>Friends and family of the bride</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#thebridesidephoto -->

        <!-- "THE BRIDE'S SIDE" ACTUAL CONTENT -->
        <div class="container">

            <!-- SECONDARY TITLE -->
            <h3 class="text-center intermediary-waypoint">&middot;&middot;&middot;新娘团队&middot;&middot;&middot;</h3>

            <div class="row">

                <!-- THE BRIDE'S MOM -->
                <div class="col-md-4 bridemom fakeheight">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thebride-mom.jpg" alt="bride's mom">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mrs 汤 (母亲)</h5>
                        <p>Mrs 汤是一位好妈妈，一个充满活力，精神抖擞的母亲。妈妈做得一手好菜，味道鲜美。妈妈喜欢听戏曲，特别是黄梅戏。妈妈做事很认真，对待事情也是一丝不苟，我们爱他。</p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

                <!-- THE BRIDE -->
                <div class="col-md-4 thebride fakeheight">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thebride.jpg" alt="the bride">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

                <!-- THE BRIDE'S DAD -->
                <div class="col-md-4 bridedad fakeheight">
                    <div class="hide"> 
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thebride-dad.jpg" alt="bride's dad">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mr 陈(父亲)</h5>
                        <p>他是父亲，一个农民，但就是这样一个朴实的农民，一个饱经沧桑却又充满斗志的农民，支撑着这个家，在我们的眼里，他的背影伟岸的，令人敬佩的。父亲文笔不错，口才也很好，总是能看事情的本质，父亲经常听戏，喜爱唱歌。 </p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

            </div><!-- /.row-->

            <!-- THE BRIDE'S MAIDS -->
            <div class="row">

                <!-- BRIDE'S MAID 1 -->
                <div class="col-md-4 bridesmaid">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thebride-maid1.jpg" alt="bride's maid">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mis 凤(姐姐)</h5>
                        <p>她，我的姐姐，美貌与智慧并存。</p>
                    </div><!-- /.hide -->
               </div><!-- /.col-md-4-->

               <!-- BRIDE'S MAID 2 -->
                <div class="col-md-4 bridesmaid">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thebride-maid2.jpg" alt="bride's maid">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mr 进 (姐夫)</h5>
                        <p>他，我的哥哥，精明与能干共在。</p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

                <!-- BRIDE'S MAID 3 -->
                <div class="col-md-4 bridesmaid">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thebride-maid3.jpg" alt="bride's maid">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>小雨 酱 (外甥)</h5>
                        <p>调皮导弹小鱼酱，聪明可爱小鱼酱。。。</p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

            </div><!-- /.row-->

        </div><!-- /.container -->
    </section><!-- /.thebridesidephoto-->

    <!-- =========================================================================================================
    ==============================================================================================================
                                            "GROOM'S PARTY" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="thegroomside">

         <!-- "THE GROOM'S SIDE" HEADER -->
        <div id="thegroomsidephoto" class="parallax-hook parallax-thegroomside parallax-background">

            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            新郎团
                            <span>Friends and family of the groom</span>
                        </header>
                    </div><!-- /.row-->
                </div><!-- /.container-->
            </div><!-- /.section-overlay-->

        </div><!-- /#thegroomsidephoto -->

        <!-- "THE GROOM'S SIDE" ACTUAL CONTENT -->
        <div class="container">

            <!-- SECONDARY TITLE -->
            <h3 class="text-center intermediary-waypoint">&middot;&middot;&middot;新郎团队&middot;&middot;&middot;</h3>

            <div class="row">

                <!-- THE GROOM'S MOM -->
                <div class="col-md-4 groommom fakeheight">
                    <div class="hide"> 
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thegroom-mom.jpg" alt="groom's mom">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mrs 江 (母亲)</h5>
                        <p>Lee的母亲长得很漂亮，个子不高，却精明能干。她是一个伟大的母亲，她心地善良，性情纯真。妈妈会很多女工，织的毛衣很舒服，做的鞋子也很好看。妈妈特别能勤劳，农民出生的她却能很好的学习社会新知识。我们都很敬佩她。我们爱他。</p>
                    </div><!--- /.hide -->
                </div><!-- /.col-md-4-->

                <!-- THE GROOM -->
                <div class="col-md-4 thegroom">
                     <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thegroom.jpg" alt="the groom">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                    </div>
                </div><!-- /.col-md-4-->

                <!-- THE GROOM'S DAD -->
                <div class="col-md-4 groomdad fakeheight">
                    
                    <div class="hide"> 
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thegroom-dad.jpg" alt="groom's dad">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mr Lee (父亲)</h5>
                        <p>我们的父亲，他是一个严格谨慎的父亲，也是一个慈祥的父亲，雷厉风行的他总是能想在别人前面，他想别人不敢想的，他做自己力所能及的。我的父亲很了不起，从小也是我崇敬的对象，父亲的形象在我眼中一直是伟大的，我一直没说过的那句话我想对他说，我爱他，爸爸幸苦了。</p>
                    </div>
                </div><!-- /.col-md-4-->

            </div><!-- /.row-->


            <!-- THE GROOM'S MEN -->
            <div class="row">

                <!-- THE GROOM'S MAN 1 -->
                <div class="col-md-4 groomsmaid">
                    <div class="hide"> 
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thegroom-man1.jpg" alt="groom man">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mis 琴 (妹妹)</h5>
                        <p>我的可爱的小妹，活泼的个性使得她在众人面前成了开心果。我很疼她。愿你开心到永远。</p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

                <!-- THE GROOM'S MAN 2 -->
                <div class="col-md-4 groomsmaid">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thegroom-man2.jpg" alt="groom man">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>Mr 凯(妹夫)</h5>
                        <p>他，务实勤劳，蛮不错的小伙儿，大家都这么说。</p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

                <!-- THE GROOM'S MAN 3 -->
                <div class="col-md-4 groomsmaid">
                    <div class="hide">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/thegroom-man3.jpg" alt="groom man">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <h5>小新新 酱</h5>
                        <p>新成员，可爱的小公主。</p>
                    </div><!-- /.hide -->
                </div><!-- /.col-md-4-->

            </div><!-- /.row-->
        </div><!-- /.container -->
    </section><!-- /.thegroomsidephoto-->

     <!-- =========================================================================================================
    ==============================================================================================================
                                            "WEDDING LOCATION" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="weddinglocation">

        <!-- "THE WEDDING LOCATION" HEADER -->
        <div id="weddinglocationphoto" class="parallax-hook parallax-weddinglocation parallax-background">
            
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            婚宴地址
                            <span>我们在哪儿婚礼?</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#weddinglocationphoto -->

        <!-- "THE WEDDING LOCATION" ACTUAL CONTENT -->
        <div class="container location fakeheight">
            <div class="row hide">
                <div class="col-md-6">

                    <!-- INTERMEDIARY TITLE -->
                    <h3 class="sectionmaintitle">婚宴地址 Ceremony Location</h3>
                    
                    <!-- INTERMEDIARY CONTENT -->
                    <p>美国白宫</p>

                    <!-- ADDRESS AND CEREMONY TIME -->
                    <ul class="locationdetails">
                        <li>
                            <span class="glyphicon glyphicon-map-marker"></span>
                            <div class="alignleft">
                                <h3>黄河大酒店</h3>
                                <p>姜堰</p>
                                <p>江苏</p>
                            </div>
                        </li>
                        <li>
                            <span class="glyphicon glyphicon-time"></span>
                            <div class="alignleft" style="font-size: 19px;">
                                <h3>2016-10-10</h3>
                                <p>下午4:30 开始</p>
                            </div>
                        </li>
                    </ul><!-- /.locationdetails -->
                </div><!-- /.col-md-6-->


                <!-- THE MAP -->
                <div class="col-md-6">
                    </div><!-- /.col-md-6-->
            </div><!-- /.row -->
        </div><!-- /.container -->


        <!-- THE AVAILABLE HOTELS -->
        <div class="hotels fakeheight">
            <div class="container">

                <div class="row hide">

                    <!-- HOTELS SMALL CONTENT -->
                    <div class="col-md-3 col-sm-3">
                        <h3 class="sectionmaintitle">附近的酒店</h3>
                        <p>如果你不是泰州本地人，为了您舒适的行程，我们列举出了附近比较好的几家酒店供您参考。</p>
                    </div><!-- /.col-md-3-->

                    <!-- HOTEL 1 -->
                    <div class="col-md-3 col-sm-3">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/hotel1.jpg" alt="hotel 1">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <div class="alignright">
                            <h5>姜堰宾馆</h5>
                            <p>地址：姜堰区  </p>
                            <p>人民中路100号</p>
                            <a href="#" class="readmore">Website</a>
                        </div><!-- /.alignright -->
                    </div><!-- /.col-md-3-->

                    <!-- HOTEL 2 -->
                    <div class="col-md-3 col-sm-3">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/hotel2.jpg" alt="hotel 2">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <div class="alignright">
                            <h5>世纪缘国际大酒店</h5>
                            <p>地址：姜堰区 </p>
                            <p>地点：姜堰大道99号 </p>
                            <a href="#" class="readmore">Website</a>
                        </div><!-- /.alignright -->
                    </div><!-- /.col-md-3-->

                    <!-- HOTEL 3 -->
                    <div class="col-md-3 col-sm-3">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/hotel3.jpg" alt="hotel 3">
                            </div><!-- /.round-frame -->
                        </div><!-- /.round-frame-bg -->
                        <div class="alignright">
                            <h5>汉庭酒店</h5>
                            <p>地点：姜堰区</p>
                            <p>姜堰大道法院东侧</p>
                            <a href="#" class="readmore">Website</a>
                        </div><!-- /.alignright -->
                    </div><!-- /.col-md-3-->
                </div><!-- /.row -->
            </div><!-- /.container-->
        </div><!-- /.hotels -->


        <!-- THE LOCAL ATTRACTIONS -->
         <div class="container attractions fakeheight">
             <div class="row hide">

                <!-- ATTRACTIONS SMALL CONTENT -->
                <div class="col-md-3 col-sm-3">
                    <h3 class="sectionmaintitle">姜堰特色</h3>
                    <p>也许您会在这里多住几天，我们也为您列出了几处附近比较有意思的地方，有空可以去逛逛。</p>
                </div><!-- /.col-md-3-->


                <!-- ATTRACTION 1 -->
                <div class="col-md-3 col-sm-3">
                    <div class="round-frame-bg">
                        <div class="round-frame">
                            <img src="img/attraction1.jpg" alt="attraction 1">
                        </div><!-- /.round-frame -->
                    </div><!-- /.round-frame-bg -->
                    <div class="alignright">
                        <h5>华侨城</h5>
                        <p>姜堰区溱湖大道2号</p>
                        <p>溱湖国家湿地公园对面</p>
                        <a href="#" class="readmore">Website</a>
                    </div><!-- /.alignright -->
                </div><!-- /.col-md-3-->

                <!-- ATTRACTION 2 -->
                <div class="col-md-3 col-sm-3">
                    <div class="round-frame-bg">
                        <div class="round-frame">
                            <img src="img/attraction2.jpg" alt="attraction 2">
                        </div><!-- /.round-frame -->
                    </div><!-- /.round-frame-bg -->
                    <div class="alignright">
                        <h5>溱潼古镇</h5>
                        <p>姜堰区溱潼镇 </p>
                        <p>姜溱线溱潼段</p>
                        <a href="#" class="readmore">Website</a>
                    </div><!-- /.alignright -->
                </div><!-- /.col-md-3-->

                <!-- ATTRACTION 3 -->
                <div class="col-md-3 col-sm-3">
                    <div class="round-frame-bg">
                        <div class="round-frame">
                            <img src="img/attraction3.jpg" alt="attraction 3">
                        </div><!-- /.round-frame -->
                    </div><!-- /.round-frame-bg -->
                    <div class="alignright">
                        <h5>海伦生态观光园</h5>
                        <p>姜堰区大伦镇</p>
                        <p>大伦村</p>
                        <a href="#" class="readmore">Website</a>
                    </div><!-- /.alignright -->
                </div><!-- /.col-md-3-->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- weddinglocation -->

     <!-- =========================================================================================================
    ==============================================================================================================
                                            "BLOG MODEL 1" section
    ==============================================================================================================
    ============================================================================================================== -->


    <section id="blog1">

        <!-- "BLOG MODEL 1" HEADER -->
        <div id="blog1photo" class="parallax-hook parallax-blog1 parallax-background">
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            我们的话题
                            <span>Things we talk and think</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#blog1photo -->

        <!-- "THE WEDDING LOCATION" ACTUAL CONTENT -->
        <div class="container">
            <h3 class="text-center">&middot;&middot;我们的所想所思&middot;&middot;</h3>
            <!-- <p>请大家踊跃发言</p> -->

            <!-- THE FILTER STYLED FOR MEGAFOLIO -->        
            <ul class="filter-list">
                <li class="filter" data-category="blogcat-all">所有</li>
                <li class="filter" data-category="blogcat-one">关于我俩</li>
                <li class="filter" data-category="blogcat-two">关于婚礼</li>
                <li class="filter" data-category="blogcat-three">关于朋友圈</li>
                <li class="filter" data-category="blogcat-four">私密话题</li>
            </ul><!-- /.filter-list -->

            <div class="clearfix"></div>


            <!-- The GRID System -->
            <div class="blog1-container">
                <div class="megafolio-container3">

                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-two blogcat-all" id="mega-entry-1" data-src="img/gallery/1-1.jpg" data-width="600" data-height="450" data-lowsize="85">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-top mega-landscape-left mega-portrait-bottom mega-white mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">我们需要办的特别奢侈吗？</div>
                                    <div class="mega-date">2016-04-23 | 关于婚礼</div>
                                    <p>我觉得奢华的婚礼太过浪费，你觉得呢？</p>
                                </div><!-- /.mega-covercaption -->
                                <div class="mega-covercaption mega-square-top mega-landscape-right mega-portrait-bottom mega-blue mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">我也这么觉得</div>
                                </div>

                                <!-- ENTRY SOCIALBAR -->
                               <!--  <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div><!-- /.mega-socialbar -->
								-->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-one blogcat-all"  id="mega-entry-2"  data-src="img/gallery/2-1.jpg" data-width="600" data-height="402" data-lowsize="93">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-bottom mega-landscape-left mega-portrait-bottom mega-white mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">我们想拥有自己的房子</div>
                                    <div class="mega-date">2016-04-23 | 关于我们</div>
                                    <p>我们一直想有自己的房子，我们自己的窝，我们一直努力着，我想要不了多久。</p>
                                </div><!-- /.mega-covercaption -->

                                <!-- ENTRY SOCIALBAR -->
                                <!-- <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->
								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-three blogcat-all"  id="mega-entry-3" data-src="img/gallery/3-1.jpg" data-width="600" data-height="450">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-bottom mega-landscape-left mega-portrait-bottom mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">我们的朋友们，给我们点赞吧，不点赞要发红包的哦！</div>
									 <div class="mega-date">猛戳二维码</div>
									 <p></p>
								
									<img src="img/idcode/amy_zhifubao.jpg" style="width:200px;">
                        
                                </div><!-- /.mega-covercaption -->

                                <!-- ENTRY SOCIALBAR -->
                                <!-- <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->

								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-four blogcat-all"  id="mega-entry-4" data-src="img/gallery/4-1.jpg" data-width="600" data-height="400">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-bottom mega-landscape-left mega-portrait-bottom mega-white mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">闺蜜们，基友们</div>
                                    <div class="mega-date">Jan 1, 2013 | 私密话题</div>
                                    <p>待聊&middot;&middot;&middot;&middot;</p>
                                </div><!-- /.mega-covercaption -->

                                <!-- ENTRY SOCIALBAR -->
                               <!--  <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->

								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-one blogcat-all"  id="mega-entry-5" data-src="img/gallery/5-1.jpg" data-width="600" data-height="400">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-bottom mega-landscape-left mega-portrait-bottom mega-white mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">我们一起上班</div>
									<div class="mega-date">2016-04-23 | 关于我们</div>
                                    <p>对于一起上下班，一起吃饭，啥都在一起我表示我可以虐一下单身Dog</p>
                                </div><!-- /.mega-covercaption -->

                                <!-- ENTRY SOCIALBAR -->
                                <!-- <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->
								
								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-two blogcat-all"  id="mega-entry-6" data-src="img/gallery/6-1.jpg" data-width="600" data-height="397">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-top mega-landscape-left mega-portrait-bottom mega-white mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">婚礼的相关计划</div>
                                    <div class="mega-date">2016-01-01 | 关于婚礼</div>
                                    <p>我们不打算请婚假来结婚，婚嫁的话我们可以去旅游，还是比较惬意的。婚礼举行就在老家，一切按照传统风格，婚礼男女双方都会详细讨论，有意见可以提出。</p>
                                </div><!-- /.mega-covercaption -->

                                <!-- ENTRY SOCIALBAR -->
                                <!-- <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->
								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-three blogcat-all"  id="mega-entry-7" data-src="img/gallery/7-1.jpg" data-width="600" data-height="620">

                                <!-- ENTRY COVERCAPTION -->
                                <div class="mega-covercaption mega-square-top mega-landscape-left mega-portrait-top mega-white mega-transparent mega-withsocialbar mega-smallcaptions">
                                    <div class="mega-title">我们的父母的想法</div>
                                    <div class="mega-date">2016-06-06 | 关于婚礼</div>
                                    <p>&middot;待聊&middot;&middot;&middot;</p>
                                </div><!-- /.mega-covercaption -->

                                <!-- ENTRY SOCIALBAR -->
                                <!-- <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->
								
								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                        <!-- A GALLERY ENTRY -->
                        <div class="mega-entry blogcat-four blogcat-all"  id="mega-entry-8" data-src="img/gallery/8-1.jpg" data-width="700" data-height="464">

                                <!-- ENTRY SOCIALBAR -->
                               <!--  <div class="mega-socialbar">
                                    <span class="mega-leftfloat">Share this</span>
                                    <a href="#"><div class="mega-soc mega-facebook mega-leftfloat"></div></a>
                                    <a href="#"><div class="mega-soc mega-twitter mega-leftfloat"></div></a>
                                    <div class="mega-show-more mega-soc mega-more mega-rightfloat"></div>
                                    <a href="#"><div class="mega-soc mega-like mega-rightfloat"><span>2</span></div></a>
                                    <a href="#"><div class="mega-soc mega-comments mega-rightfloat"><span>5</span></div></a>
                                </div> -->
								
								<!-- /.mega-socialbar -->
                        </div><!-- /.mega-entry -->


                       

                </div><!-- /.megafolio-container3 -->
            </div><!-- /.blog1-container -->

            
        </div><!-- /.container -->

    </section><!-- blog1 -->

    
            

     <!-- =========================================================================================================
    ==============================================================================================================
                                            "GALLERY MODEL 1" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="gallery1">

        <!-- "GALLERY 1" SECTION TITLE -->
        <div id="gallery1photo" class="parallax-hook parallax-gallery1 parallax-background">
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            画廊
                            <span>Photos from our engadgement and weddding</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#gallery1photo -->

        <!-- "GALLERY 1" ACTUAL CONTENT -->
        <div class="container">
            <h3 class="text-center">&middot;我们的照片&middot;</h3>
            <p>&nbsp;&nbsp;我们的爱将在此得以珍藏，我们的回忆将留在这个这里，不忘彼此，不忘初心，我想大声的说，我爱你直到永远！你，注定是我今生倾心驻足的风景，一世不舍的眷恋。为了你，我愿划破手指，滴血成圈，圈住你的款款深情，纵然玫瑰零落成泥碾作尘，我也甘愿守候着这一世的心疼。<br/>
            &nbsp;&nbsp;一生就这么一次，谈一场以结婚为目的的恋爱吧。不再因为任性而不肯低头，不再因为固执而轻言分手。最后地坚信一次，一直走，就可以到白头。就那样相守，在来往的流年里，岁月安好。惟愿这一生，执子之手，与子偕老！</p>

            <!-- MEGAFOLIO FILTER LIST -->
            <ul class="filter-list">
                <li class="filter" data-category="cat-all">All</li>
                <li class="filter" data-category="cat-one">婚礼</li>
                <li class="filter" data-category="cat-two">派对</li>
                <li class="filter" data-category="cat-three">朋友圈</li>
                <li class="filter" data-category="cat-four">仪式</li>
                <li class="filter" data-category="cat-five">礼物</li>
                <li class="filter" data-category="cat-six">戒指</li>
                <li class="filter" data-category="cat-seven">婚前准备</li>
            </ul><!-- /.filter-list -->
            <div class="clearfix"></div>

            <!-- MEGAFOLIO CONTAINER -->
            <div class="gallery-container">
                <div class="megafolio-container">
                    
                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-six" id="g1-entry-1" data-src="img/gallery/1.jpg" data-width="600" data-height="450">
                        
                        <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/1.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->

                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-seven" id="g1-entry-2" data-src="img/gallery/2.jpg" data-width="600" data-height="402">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/2.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-one" id="g1-entry-3" data-src="img/gallery/3.jpg" data-width="600" data-height="450">

                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/3.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-seven" id="g1-entry-4" data-src="img/gallery/4.jpg" data-width="600" data-height="400">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/4.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-three" id="g1-entry-5" data-src="img/gallery/5.jpg" data-width="600" data-height="400">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/5.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-one" id="g1-entry-6" data-src="img/gallery/6.jpg" data-width="600" data-height="397">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/6.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-two" id="g1-entry-7" data-src="img/gallery/7.jpg" data-width="600" data-height="620">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/7.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-three" id="g1-entry-8" data-src="img/gallery/8.jpg" data-width="700" data-height="464">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/8.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-four" id="g1-entry-9" data-src="img/gallery/9.jpg" data-width="700" data-height="464">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/9.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-one" id="g1-entry-10" data-src="img/gallery/10.jpg" data-width="700" data-height="287">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/10.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-two" id="g1-entry-11" data-src="img/gallery/11.jpg" data-width="600" data-height="409">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/11.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-three" id="g1-entry-12" data-src="img/gallery/12.jpg" data-width="600" data-height="400">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/12.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-four" id="g1-entry-13" data-src="img/gallery/13.jpg" data-width="700" data-height="467">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/13.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-five" id="g1-entry-14" data-src="img/gallery/14.jpg" data-width="600" data-height="377">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/14.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-six" id="g1-entry-15" data-src="img/gallery/15.jpg" data-width="500" data-height="333">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/15.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->

                    <!-- GALLERY PHOTO -->
                    <div class="mega-entry cat-all cat-seven" id="g1-entry-16" data-src="img/gallery/16.jpg" data-width="500" data-height="333">
                         <!-- THE CONTAINER FOR THE HOVER EFFECT -->
                        <div class="mega-hover">
                         
                           <!-- TITLE AND SUBTITILE INSIDE THE HOVER EFFECT -->
                            <div class="mega-hovertitle">Chairs In The Sunset
                                <div class="mega-hoversubtitle">(Before The Wedding)</div>
                            </div>
                         
                            <!-- THE LINK BUTTON -->
                            <a href="#"><div class="mega-hoverlink"></div></a>
                         
                            <!-- THE VIEW MORE BUTTON -->
                            <a class="fancybox" href="img/gallery/16.jpg">
                                <div class="mega-hoverview"></div>
                            </a>
                         
                        </div> <!-- // END OF THE HOVER EFFECT MARKUP -->
                    </div><!-- .mega-entry-->
                </div><!-- /.megafolio-container--> 
            </div><!-- /.gallery-container-->

        </div><!-- /.container -->

    </section><!-- gallery1 -->




     <!-- =========================================================================================================
    ==============================================================================================================
                                            "REGISTRY" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="registry">

        <!-- "REGISTRY" SECTON TITLE -->
        <div id="registryphoto" class="parallax-hook parallax-registry parallax-background">
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header  class="col-md-6 col-md-offset-3 hide">
                            给我们点赞吧
                            <span>大家都祝福才是美好的！</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#registryphoto -->

        <!-- "REGISTRY" SECTON MAIN CONTENT -->
        <div class="container">
           <p class="intermediary-waypoint">
             &nbsp;&nbsp;我想说：那些与你心心相惜的日子，是我生命中最快乐的时光，和你在花开的季节，许下彼此不变的爱恋，相依相爱，至死不渝，再生毛的下个轮回，愿缘分再让我们相遇，还能让我们这样的相爱。守候每个有你的夜晚，守护我们的爱情。<br/>
			 &nbsp;&nbsp;她想说：爱的浪漫宛若神秘的紫罗兰。漫天飞舞的花香里，牵手走过相约的地方，誓言耳畔想起，阳光下在紫色的花瓣上闪耀，轻轻告诉我们,今生一起慢慢变老，执子之手，生死相契。我将一瓣花瓣轻轻撕开，一般握在手心，一半与我手心，深情的眸子再三嘱咐下世还来相恋。<br/>
			</p>
            <p align="center">希望大家多多关注我们。。。<br/></p>
            <img src="img/giv_dot-1.jpg">
        </div><!-- /.container -->

        <div class="registry fakeheight">
            <div class="container hide">

                <!-- INTERMEDIARY TITLE -->
                <h3 class="sectionmaintitle">我们的故事在延续....</h3>

                <div class="row">

                    <!-- REGISTRY ITEM -->
                    <div class="col-md-4 col-sm-4">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/store1.jpg" alt="store 1">
                            </div><!-- /.round-frame -->
                        </div>
                        <div class="alignright">
                            <h5>微信朋友圈</h5>
                            <p>请关注我们！</p>
                            <a href="img/idcode/amy.jpg" class="fancybox"  rel="group" title="Amy的微信朋友圈">
                                <img src="img/idcode/amy.jpg" style="width: 120px;">
                            </a>        
                            <a href="img/idcode/hui.png" class="fancybox"  rel="group" title="hui的微信朋友圈">
                                <img src="img/idcode/hui.png" style="width: 120px;">
                            </a>      
                        </div><!-- /.alignright -->
                        <div class="clearfix"></div>
                    </div><!-- /.col-md-4-->

                    <!-- REGISTRY ITEM -->
                    <div class="col-md-4 col-sm-4">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/store1.jpg" alt="store 2">
                            </div><!-- /.round-frame -->
                        </div>
                        <div class="alignright">
                            <h5>新浪微博</h5>
                            <p>请关注我们！</p>
                            <a href="img/idcode/weibo_amy.jpg" class="fancybox"  rel="group" title="Amy的微信朋友圈">
                                <img src="img/idcode/weibo_amy.jpg" style="width: 200px;">
                            </a>        
                              
                        </div><!-- /.alignright -->
                        <div class="clearfix"></div>
                    </div><!-- /.col-md-4-->

                    <!-- REGISTRY ITEM -->
                    <div class="col-md-4 col-sm-4">
                        <div class="round-frame-bg">
                            <div class="round-frame">
                                <img src="img/store1.jpg"  alt="store 3">
                            </div><!-- /.round-frame -->
                        </div>
                        <div class="alignright">
                            <h5>小恩爱</h5>
                            <p>这个就不要关注了，太私密了。</p>
                            <!-- <a class="readmore" href="#">Website</a> -->
                        </div><!-- /.alignright -->
                        <div class="clearfix"></div>
                    </div><!-- /.col-md-4-->
                </div><!-- /.row -->
            </div><!-- /.container-->
        </div>

        <!-- GIFT/MONEY DONATIONS -->
        <div class="donation fakeheight">
            <div class="container hide">
                

                <div class="row">

                    <!-- GIFT/MONEY CONTENT -->
                    <div class="col-md-4">
                        <h3 class="sectionmaintitle">公益打赏</h3>
                        <p>如果您要赞助我们，那再好不过了。我们将用这些钱来做更多有意义事情，我们可以把它们用来做公益，也可以把它们用来服务您。</p>
                    </div><!-- /.col-md-4-->

                    <!-- GIFT/MONEY ITEM -->
                    <div class="col-md-2 col-sm-2">
                        <span><sup>￥</sup>15</span>
                        <a class="fancybox readmore" href="img/idcode/amy_zhifubao.jpg" rel="group" title="支付宝打赏">打发点儿咯!
                            <img src="img/idcode/amy_zhifubao.jpg" style="display: none;">
                        </a>
                    </div><!-- /.col-md-2-->

                    <!-- GIFT/MONEY ITEM -->
                    <div class="col-md-2 col-sm-2">
                        <span><sup>￥</sup>30</span>
                         <a class="fancybox readmore" href="img/idcode/amy_zhifubao.jpg" title="支付宝打赏">这打点真棒!
                            <img src="img/idcode/amy_zhifubao.jpg" style="display: none;">
                        </a>
                    </div><!-- /.col-md-2-->

                    <!-- GIFT/MONEY ITEM -->
                    <div class="col-md-2 col-sm-2">
                        <span><sup>￥</sup>75</span>
                         <a class="fancybox readmore" href="img/idcode/amy_zhifubao.jpg" title="支付宝打赏">我们做朋友吧!
                            <img src="img/idcode/amy_zhifubao.jpg" style="display: none;">
                        </a>
                    </div><!-- /.col-md-2-->

                    <!-- GIFT/MONEY ITEM -->
                    <div class="col-md-2 col-sm-2">
                        <span><sup>￥</sup>150</span>
                        <a class="fancybox readmore" href="img/idcode/amy_zhifubao.jpg" title="支付宝打赏">土豪，谢谢打赏!
                            <img src="img/idcode/amy_zhifubao.jpg" style="display: none;">
                        </a>
                    </div><!-- /.col-md-2-->
                </div><!-- /.row -->
            </div><!-- /.container-->
        </div>

    </section><!-- registry -->



     <!-- =========================================================================================================
    ==============================================================================================================
                                            "GUEST BOOK" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="guestbook">

        <!-- "GUEST BOOK" SECTION MAIN TITLE -->
        <div id="guestbookphoto" class="parallax-hook parallax-guestbook parallax-background">
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            访客
                            <span>请留下你美丽的脚印！</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#guestbookphoto -->

        <!-- "GUEST BOOK" ACTUAL CONTENT -->
        <div class="container">
            <h3 class="text-center">我可爱的的朋友们都说:</h3>

            <div class="border">
                <div class="row">
                    
                    <!-- "GUEST BOOK" COMMENT -->
                    <div class="col-md-4">
                        <div>
                            <img src="img/guestbook-guest.png" alt="guest 1">
                            <h5>朋友1<span>January 12, 2013 at 3:59 PM</span></h5>
                            <p>你们两个真是绝配，好好享受这美好的时光吧！</p>
                        </div>
                    </div><!-- /.col-md-4 -->

                    <!-- "GUEST BOOK" COMMENT -->
                    <div class="col-md-4">
                        <div>
                            <img src="img/guestbook-guest.png" alt="guest 2">
                            <h5>朋友2<span>January 12, 2013 at 3:59 PM</span></h5>
                            <p>恭喜恭喜。。。。</p>
                        </div>
                    </div><!-- /.col-md-4 -->

                    <!-- "GUEST BOOK" COMMENT -->
                    <div class="col-md-4">
                        <div>
                            <img src="img/guestbook-guest.png" alt="guest 3">
                            <h5>朋友3<span>January 12, 2013 at 3:59 PM</span></h5>
                            <p>Best wishes. You two are perfect for each other!</p>
                        </div>
                    </div><!-- /.col-md-4 -->

                    <!-- "GUEST BOOK" COMMENT -->
                    <div class="col-md-4">
                        <div>
                            <img src="img/guestbook-guest.png" alt="guest 4">
                            <h5>朋友<span>January 12, 2013 at 3:59 PM</span></h5>
                            <p>在这个美好的日子给你喝彩(Plaudits to both of you on this fine occasion!)</p>
                        </div>
                    </div><!-- /.col-md-4 -->

                    <!-- "GUEST BOOK" COMMENT -->
                    <div class="col-md-4">
                        <div>
                            <img src="img/guestbook-guest.png" alt="guest 5">
                            <h5>朋友<span>January 12, 2013 at 3:59 PM</span></h5>
                            <p></p>
                        </div>
                    </div><!-- /.col-md-4 -->

                    <!-- "GUEST BOOK" COMMENT -->
                    <div class="col-md-4">
                        <div>
                            <img src="img/guestbook-guest.png" alt="guest 6">
                            <h5>朋友<span>January 12, 2013 at 3:59 PM</span></h5>
                            <p></p>
                        </div>
                    </div><!-- /.col-md-4 -->
                </div><!-- /.row -->
            </div><!-- /.border -->

            <!-- SIGN OUR GUESTBOOK SECTION -->
            <div class="row">
                <div class="col-md-6">
                    <h3 class="text-left">留下脚印</h3>
                    <p>如果您能留下美好的祝福语给我们，我们将非常开心。如果有可能我将吧你们的留言记录下来，制作成留言谱，到时候发送给你们，我的小伙伴们，您的祝福语呢？</p>
                </div>
                <div class="col-md-6">

                    <!-- "GUEST BOOK" FORM -->
                    <form role="form" action="sign_questbook.php" method="post" id="signguestbook">
                        <div class="form-group">
                            <input type="text" placeholder="Name..." id="guest-name" class="form-control">
                        </div>

                        <div class="form-group">
                            <input type="email" placeholder="Email..." id="guest-email" class="form-control">
                        </div>
                        <div class="form-group">
                            <textarea id="guest-message" placeholder="Leave your message here..." rows="3" class="form-control"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="submit" class="btn btn-primary" id="send_guestbook" value="Send Message">
                        </div>
                    </form><!-- /.signguestbook-->
                </div><!-- /.col-md-6-->
            </div><!-- /.row-->
                        
        </div><!-- /.container -->

    </section><!-- guestbook -->

     <!-- =========================================================================================================
    ==============================================================================================================
                                            "EVENTS CALENDAR / RSVP" section
    ==============================================================================================================
    ============================================================================================================== -->

     <section id="rsvp">

        <!-- "RSVP" SECTION MAIN TITLE -->
        <div id="rsvpphoto" class="parallax-hook parallax-rsvp parallax-background">
            <div class="section-overlay">
                <div class="container">
                    <div class="row">
                        <header class="col-md-6 col-md-offset-3 hide">
                            重要事件 &#38; 互动(RSVP)
                            <span>欢迎互动！</span>
                        </header>
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </div><!-- /.section-overlay -->
            
        </div><!-- /#rsvpphoto -->

        <!-- "RSVP" SECTION actual content -->
        <div class="container">
            
            <!-- "RSVP" INTERMEDIARY TITLE AND CONTENT -->
            <!-- <h3 class="text-center">Here Are The Most Important Events. Please RSVP Below!</h3> -->

            <p></p>

            
            <!-- "RSVP" EVENTS -->
            <div class="row calendar">
                <h4 class="text-center">您是否要参加？</h4>
                <div class="col-md-4">

                    <!-- THE MONTH -->
                    <h4 class="sectionmaintitle">2016年5月</h4>

                    <div class="border">

                        <div class="row">

                            <!-- RSVP EVENT -->
                            <div class="col-md-4">
                                <div class="date">
                                    5<span>th</span>
                                </div><!-- /.date-->
                                <h5 class="bachelorsParty">小范围聚餐</h5>
                            </div><!-- /.col-md-4 -->

                            <!-- RSVP EVENT -->
                            <div class="col-md-4">
                                <div class="date">
                                    23<span>rd</span>
                                </div><!-- /.date-->
                                <h5 class="theGirlsParty">女生派对</h5>
                            </div><!-- /.col-md-4 -->

                            <!-- RSVP EVENT -->
                            <div class="col-md-4">
                                <div class="date">
                                    31<span>st</span>
                                </div><!-- /.date-->
                                <h5 class="dinnerRehearsal">聚餐</h5>
                            </div><!-- /.col-md-4 -->
                        </div><!-- /.row -->
                    </div><!-- /.border -->
                </div><!-- /.col-md-4 -->

                <!-- THE MONTH -->
                <div class="col-md-4">
                    <h4 class="sectionmaintitle">2016年8月</h4>
                    <div class="border">
                        <div class="row">

                            <!-- RSVP EVENT -->
                            <div class="col-md-6">
                                <div class="date">
                                    8<span>th</span>
                                </div><!-- /.date-->
                                <h5 class="weddingRehearsal">同学聚餐</h5>
                            </div><!-- /.col-md-6 -->

                            <!-- RSVP EVENT -->
                            <div class="col-md-6">
                                <div class="date">
                                    22<span>nd</span>
                                </div><!-- /.date-->
                                <h5 class="familyDinner">家人聚餐</h5>
                            </div><!-- /.col-md-6 -->
                        </div><!-- /.row -->
                    </div><!-- /.border -->
                </div><!-- /.col-md-4 -->

                <!-- THE MONTH -->
                <div class="col-md-4">
                    <h4 class="sectionmaintitle">2015年10月</h4>
                    <div class="border">
                        <div class="row">

                            <!-- RSVP EVENT -->
                            <div class="col-md-12">
                                <div class="date">
                                    10<span>th</span>
                                </div><!-- /.date-->
                                <h5 class="theWedding">婚礼</h5>
                            </div><!-- /.col-md-12 -->
                        </div><!-- /.row -->
                    </div><!-- /.border --><!-- /.row -->
                </div><!-- /.col-md-4 -->
            </div><!-- /.row -->

            <!-- THE RSVP FORM -->
            <div class="row">
                <div class="col-md-4">
                    <h4 class="sectionmaintitle">请填写RSVP表单来互动吧</h4>
                    <p>
                        如果你有什么更好的建议，就在这里留言吧！记得署名哦，谢谢
                    </p>
                </div>
                <div class="col-md-8">

                    <!-- the actual form begins -->
                    <form role="form" action="send_rsvp.php" method="post" id="rsvpform">

                        <!-- EVENTS ATTENDING -->
                        <div class="row">
                            <div class="col-md-6">
                                <h5>事件 <span>(选择上面的选项):</span></h5>
                            </div>
                            <div class="col-md-6" id="thecheckboxes"></div>
                        </div><!--/.row-->

                        <div class="row">
                            <div class="col-md-6">

                                <!-- NAME -->
                                <div class="form-group">
                                    <label for="rsvp-name" class="sr-only">Name</label>
                                    <input type="text" name="rsvp-name" placeholder="Your Name" id="rsvp-name" class="form-control">
                                </div><!-- /.form-group -->

                                <!-- EMAIL -->
                                <div class="form-group">
                                    <label for="rsvp-email" class="sr-only">Email address</label>
                                    <input type="email" name="rsvp-email" placeholder="Your Email" id="rsvp-email" class="form-control">
                                </div><!-- /.form-group -->
                            </div><!-- /.col-md-6 -->

                            <div class="col-md-6">

                                <!-- EXTRA REQUIREMENTS -->
                                <div class="form-group">
                                    <label for="rsvp-extra" class="sr-only">Extra Requirements</label>
                                    <textarea id="rsvp-extra" name="rsvp-extra" placeholder="Extra Requirements (gluten free, vegetarian etc)" rows="3" class="form-control"></textarea>
                                </div><!-- /.form-group -->
                            </div><!-- /.col-md-6 -->


                        </div><!--/.row-->

                        <div class="row">
                            <div class="col-md-12">

                                <!-- MESSAGE -->
                                <div class="form-group">
                                    <label for="rsvp-message" class="sr-only">Your Message</label>
                                    <textarea id="rsvp-message" name="rsvp-message" placeholder="Please Enter Your Message" rows="3" class="form-control"></textarea>
                                </div><!-- /.form-group -->
                            </div><!-- /.col-md-12-->
                        </div><!--/.row-->

                        <div class="row" id='cf_submit_p'>

                            <!-- SUBMIT BUTTOM -->
                            <input type="submit" value="Send Message" class="btn btn-primary btn-lg alignright" id="send_message">
                            
                        </div><!--/.row-->

                        <!-- ERROR/SUCCESS -->
                        <div id='mail_success' class='alert alert-success'>Thank you. Your RSVP has been sent.</div><!-- /. SUCCESS MESSAGE -->
                        <div id='mail_fail' class='alert alert-danger'> Sorry, don't know what happened. Try later.</div><!-- /. ERROR MESSAGE -->
                    </form>
                </div>
            </div>
        </div><!-- /.container -->

    </section><!-- rsvp -->



     <!-- =========================================================================================================
    ==============================================================================================================
                                            "Contact Us" form
    ==============================================================================================================
    ============================================================================================================== -->

    <!-- CONTACT US FORM -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">要发送邮件给我们哦！</h4>
                </div>
                
                <!-- the actual form begins -->
                <form id="contactus" method="post" action="send_mail.php" role="form">

                    <div class="modal-body">
                        
                        <p></p>

                        <!-- NAME -->
                        <div class="form-group">
                            <label for="contactname">真实姓名</label>
                            <input type="text" class="form-control" id="contactname" name="contactname" placeholder="Your Name">
                        </div><!-- /.form-group -->

                        <!-- EMAIL -->
                        <div class="form-group">
                            <label for="contactemail">您的邮箱地址</label>
                            <input type="email" class="form-control" id="contactemail" name="contactemail" placeholder="Your Email">
                        </div><!-- /.form-group -->

                        <!-- MESSAGE -->
                        <div class="form-group">
                            <label for="contactmessage">您的建议</label>
                            <textarea class="form-control" rows="3" placeholder="Please Enter Your Message" id="contactmessage" name="contactmessage"></textarea>
                        </div><!-- /.form-group -->
                       
                    </div><!-- /.modal-body -->
                    
                    <div class="modal-footer" id='cf_submit_m'>

                        <!-- SUBMIT BUTTON -->
                        <input type="submit" value="Send Message" id="send_contact_message" class="btn btn-primary">
                    </div><!-- /.modal-footer -->

                        <!-- SUCCESS/ERROR FIELDS -->
                    <div id='contact_success' class='alert alert-success'>Thank you. Your message has been sent.</div><!-- /. SUCCESS MESSAGE -->
                    <div id='contact_fail' class='alert alert-danger'> Sorry, don't know what happened. Try later.</div><!-- /. ERROR MESSAGE -->
                </form><!-- /.contactus -->
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->


 <!-- =========================================================================================================
    ==============================================================================================================
                                            "GUEST BOOK" section
    ==============================================================================================================
    ============================================================================================================== -->

    <section id="share">
        <div align="center" id="share-2" style="margin-bottom: 10px;"></div>
    </section><!-- guestbook -->

    <footer>
        <div class="container">
            <p>Copyright &copy; 2016.HuiHuiAmy All rights reserved.特别感谢：<a href="https://github.com"  target="_blank">GitHub</a></p>
        </div>
    </footer>
   


    <!-- INCLUDE jQUERY -->
    <script src="js/vendor/jquery-1.10.1.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

    <!-- DETECT the device type (mobile/desktop) -->
    <script type="text/javascript" src="js/vendor/device.min.js"></script>

    <!-- INCLUDE jQuery waypoints plugin -->
    <script src="js/vendor/waypoints.min.js"></script>

    <!-- INCLUDE flexslider SCRIPT -->
    <script defer src="js/vendor/jquery.flexslider.js"></script>

    <!-- Optional FlexSlider Additions -->
    <script src="js/vendor/jquery.easing.js"></script>
    <script src="js/vendor/jquery.mousewheel.js"></script>

    <!-- INCLUDE bootstrap SCRIPT -->
    <script src="js/vendor/bootstrap.min.js"></script>

    <!-- INCLUDE bootstrap dropdown-on-hover plugin -->
    <script src="js/vendor/bootstrap-hover-dropdown.min.js"></script>

    <!-- INCLUDE parallax plugin -->
    <script src="js/vendor/jquery.parallax.min.js"></script>

    <!-- MEGAFOLIO PRO GALLERY JS FILES -->
    <script type="text/javascript" src="megafolio/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="megafolio/js/jquery.themepunch.megafoliopro.js"></script>

    <!-- FANCYBOX JS FILES -->
    <script type="text/javascript" src="megafolio/fancybox/jquery.fancybox.pack.js?v=2.1.3"></script>
    <!-- Optionally add helpers - button, thumbnail and/or media ONLY FOR ADVANCED USAGE-->
    <script type="text/javascript" src="megafolio/fancybox/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
    
    <!-- INCLUDE other plugins and scripts AUTHOR MADE -->
    <script src="js/vendor/jquery.queryloader2.js"></script>

    <!-- INCLUDE other plugins and scripts AUTHOR MADE -->
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

    <script src="js/jquery.share.min.js"></script>

    <script>

    $('#share-2').share({sites: ['qzone', 'qq', 'weibo','wechat','facebook', 'twitter', 'google']});
    </script>
    </body>
</html>